<ion-header>
  <ion-navbar>
    <ion-title>班组设置</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-item>
    <ion-label>选择工序</ion-label>
    <ion-select [(ngModel)]="workProcedure" okText="确定" cancelText="取消" placeholder="请选择工序"
                (ngModelChange)="initTeam(workProcedure)">
      <ion-option *ngFor="let type of workProcedures" value="{{type.code}}" [selected]="type.code==workProcedure">
        {{type.name}}
      </ion-option>
    </ion-select>
  </ion-item>

  <ion-item (click)="getDate()">
    <ion-label>班组日期</ion-label>
    <ion-input [(ngModel)]="bzDate" readonly style="z-index: 9999;"></ion-input>
  </ion-item>

  <ion-item>
    <div>
      <label>班组选择</label>
      <input [(ngModel)]="bzSelect" type="radio" name="bzSelect" id="radioA" value="A" (change)="changeBzSelect()"
             class="input-radio"><span id="spanA">A</span>
      <input [(ngModel)]="bzSelect" type="radio" name="bzSelect" id="radioB" value="B" (change)="changeBzSelect()"
             class="input-radio"><span id="spanB">B</span>
    </div>
  </ion-item>

  <ion-item (click)="getWorkTnTime()">
    <ion-label>上班时间</ion-label>
    <ion-input [(ngModel)]="workInTime" readonly style="z-index: 9999;"></ion-input>
  </ion-item>

  <ion-item (click)="getWorkOutTime()">
    <ion-label>下班时间</ion-label>
    <ion-input [(ngModel)]="workOutTime" readonly style="z-index: 9999;"></ion-input>
  </ion-item>

  <div class="div-btn-position">
    <button ion-button padding-top padding-bottom
            style="width: 40%;border-radius: 1rem; height: 2.5rem;font-size: 1.2rem;"
            (click)="submitBtn()">
      确定
    </button>
  </div>
</ion-content>
